<div id="sidebar" class="sidebar responsive">
    <script type="text/javascript">
        try {
            ace.settings.check('sidebar', 'fixed')
        } catch (e) {
        }
    </script>

    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
    </div>
    <!-- /.sidebar-shortcuts -->

    <ul class="nav nav-list">
    <#list menus as m>
        <li <#if m.id == (active_page.id)!"">class="active open"</#if> >
            <a href="javascript:" <#if m.submenu?size gt 0>class="dropdown-toggle"</#if>>
                <i class="${m.class!""}"></i>
                <span class="menu-text"> ${m.name} </span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>

            <#if m.submenu?size gt 0>
                <ul class="submenu">
                    <#list m.submenu as sm>
                        <li <#if sm.id == (active_page.subid)!"">class="active"</#if> >
                            <a href="${sm.url}">
                                <i class="menu-icon fa fa-caret-right"></i>
                            ${sm.name}
                            </a>
                            <b class="arrow"></b>
                        </li>
                    </#list>
                <#-- end list -->
                </ul>
            </#if>
        <#-- end if -->
        </li>
    </#list>
    <#-- end list -->
    </ul>
    <!-- /.nav-list -->

    <!-- #section:basics/sidebar.layout.minimize -->
    <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
        <i class="ace-icon fa fa-angle-double-left"
           data-icon1="ace-icon fa fa-angle-double-left"
           data-icon2="ace-icon fa fa-angle-double-right"></i>
    </div>
    <!-- /section:basics/sidebar.layout.minimize -->
    <script type="text/javascript">
        try {
            ace.settings.check('sidebar', 'collapsed')
        } catch (e) {
        }
    </script>
</div>